/**
 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
body {
   color: #333;
  font-size: 14px;
  font-family: "Microsoft yahei", arial;
  background-color: #ffffff !important; 
}


a {

  text-decoration: none !important;
}



.titlefont {
  font-size: 16px;
}



.container-fluid {
	background-color: #fff;
}


div.separator div {
  text-align: center;
  line-height: 0;
}

.row{
    margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}


p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap; 
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.stats_box {
  display: inline-block;
  list-style: none outside none;
  margin-left: 0;
  margin-top: 10px;
  padding: 0;
    float: left;
}



.stats_box .policyDiv{
  background: #eee;
  box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;
  display: inline-block;
  line-height: 18px;
  margin: 0 10px 10px;
  padding: 0 10px;
  float: left;
  height: 105px;
}



.sparkline {
  min-width: 60px;
  /* border-right: 1px solid #dcdcdc; */
  /* box-shadow: 1px 0 0 0 #fff; */
  float: left;
  /* margin-right: 9pt; */
  padding: 0px 24px 0 34px;
  height: 90px;
}

.sparkline i{
color:#5bc0de;
}







.animated-panel {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
.panel-footer {
  padding: 6px 15px;
}*/


/*卡片面板样式*/
.animated-panel {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hpanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 35px;
    
}

.hpanel .panel-body {
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}
.h-200 {
  min-height: 220px;
}
.m-t-xl {
  margin-top: 20px;
}
.text-success {
  color: #0d638f;
}

.hpanel_div_list{
  height:30px;
}

.hpanel > .panel-footer {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  height:40px;
  padding: 5px 15px;
}

.color_cloud{
  color:#BAB9B9;
}
.stats-title{

}

h3{
  margin-top: 10px;
  margin-bottom: 40px;
  font-weight: 200;
    color: #357ebd
}

.blue-font{
  color:#428bca;
}

.hpanel > .panel-footer .pull-right a{
  margin-left: 5px;
}

.font-bold {
  font-weight: 600;
  margin-bottom: 15px;
}

.hpanel_show{
  cursor: pointer;
  background-color: #f7f9fa;
}

.hpanel > .panel-footer .pull-right .btn {
    min-width: 30px !important;
}


div[data-name="cond_zone"] div {
    background-color: #fff;
    margin-bottom: 15px;
}

span.response_throbber {
    background-image: url('../images/throbber.gif');
    width: 128px;
    height: 16px;
    display: block;
    clear: none;
    float: left;
    margin-top: 50px;
}